<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich" contentType="text/html">
	<html>
<head>
<title><h:outputText value="Sistema" />
</title>
<link rel="stylesheet" type="text/css" href="../css/estilos.css" />
<script type="text/javascript" src="../scripts/jquery/jquery-1.4.2.min.js" />
<script type="text/javascript" src="../scripts/jquery/jquery.meio.mask.js" charset="utf-8" />
<script type="text/javascript" src="../scripts/global.js" />

<ui:include src="scripts.xhtml" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<f:loadBundle basename="messages" var="messages" />
<f:loadBundle basename="titulos" var="titulos" />
</head>

<body>
	<div id="cabecera">
		<!--Capa que contiene la cabecera-->
		<table style="width: 100%">
			<tr>
				<td style="width: 228px;"><div id="logoCabecera" style=" width : 240px;"></div>
				</td>
				<td><div id="bloqueTextos"
						style="height: 41px; display: inline-block; width: 100%;">
						<table style="width: 100%">
							<tr>
								
								<td align="right">
									<table>
										<tr>
											<td><table cellspacing="0" cellpadding="0" border="0"
													style="margin-top: 4px;">
													<tr>
														<td style="padding-right: 2px;">Usuario:</td>
														<td style="padding-right: 2px;text-align:left;"><span
															id="nombreUsuario"
															style="display: inline; ! important; float: none;"><b>#{usuarioBean.nombreCompleto}</b>
														</span></td>
													</tr>
													<tr>
														<td style="padding-right: 2px;">Rol:</td>
														<td style="padding-right: 2px;text-align:left;"><span
															id="nombreUsuario"
															style="display: inline; ! important; float: none;"><b>#{usuarioBean.nombreRol}</b>
														</span>
														</td>
													</tr>
													
												</table></td>
											<td><h:form>
													<h:commandLink value=""
														action="#{autenticacionAction.cerrarSesion}">
														<h:graphicImage url="../images/gCerrarSession.png"
															width="37px" height="37px" title="Cerrar Sesion" />
													</h:commandLink>
												</h:form></td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
		</table>
		<div id="barraCabecera">
			<div id="extremoIzquierdo"></div>
			<div id="extremoDerecho"></div>
			<h1><h:outputLabel value="#{titulos.TITULO_SISTEMA}" /></h1>
		</div>
	</div>
	<div id="bloqueSombra">
		<!--Sombra del Encabezado-->
		<img id="bgSombra" src="../images/bgSombraCabecera.gif" alt="" title="" />
		<table width="100%">
			<tr>
				<td align="right">
					
				</td>
			</tr>
		</table>
	</div>
	<div id="cuerpo">
		<table class="anchoTotal"  style="width: 100%;">
			<tr>
				<td id="anchoMenu"><ui:include src="menu.xhtml" /></td>
				<td id="anchoCuerpo">
					<div id="contenido" style="width:100%'}">
						<ui:insert name="body" />
					</div></td>
			</tr>
		</table>
	</div>
</body>
	</html>
</f:view>